<div class="paper-container">
  <Paper>
    <Title>Paper</Title>
    <Subtitle>This is a sheet of paper.</Subtitle>
    <Content>Paper is used to build an elevated surface.</Content>
  </Paper>

  <Paper variant="unelevated">
    <Title>Unelevated Paper</Title>
    <Subtitle>This is an unelevated sheet of paper.</Subtitle>
    <Content>Unelevated paper is used to build a surface.</Content>
  </Paper>

  <Paper variant="outlined">
    <Title>Outlined Paper</Title>
    <Subtitle>This is an outlined sheet of paper.</Subtitle>
    <Content>Outlined paper is used to build a container.</Content>
  </Paper>
</div>

<script lang="ts">
  import Paper, { Title, Subtitle, Content } from '@smui/paper';
</script>
